<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>订单信息</title>
    <link rel="stylesheet" href="/js/bootstrap-3.3.2-dist/css/bootstrap.css" type="text/css" />
    <link rel="stylesheet" href="/css/core.css" type="text/css" />
    <link rel="stylesheet" href="/css/common.css" type="text/css" />
    <script type="text/javascript" src="/js/jquery/jquery-2.1.3.min.js"></script>
    <script type="text/javascript" src="/js/bootstrap-3.3.2-dist/js/bootstrap.js"></script>
    <script type="text/javascript" src="/js/jquery.bootstrap.min.js"></script>
</head>
<body>
<div>
    <div style="margin: 1%">
        <table class="table">
            <thead>
                <tr class="info">
                    <th colspan="4"style="text-align: center">基本信息</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <th align="left" style="width: 10%">订单号:</th>
                    <td align="left" style="width: 40%">888888:</td>
                    <th align="right" style="width: 10%">订单状态:</th>
                    <td align="left" style="width: 40%">已确认, 已付款, 已收货:</td>
                </tr>
                <tr>
                    <th align="left">购货人:</th>
                    <td align="left">罗海鹏</td>
                    <th align="right">下单时间:</th>
                    <td align="left">2017-4-29 15:54:18</td>
                </tr>
                <tr>
                    <th align="left">支付方式:</th>
                    <td align="left">积分支付</td>
                    <th align="right">付款时间:</th>
                    <td align="left">2017-4-29 15:54:18</td>
                </tr>
                <tr>
                    <th align="left">配送方式:</th>
                    <td align="left">默认快递</td>
                    <th align="right">发货时间:</th>
                    <td align="left">2017-4-29 15:54:18</td>
                </tr>
                <tr>
                    <th align="left">发货单号:</th>
                    <td align="left">暂无</td>
                    <th align="right">订单来源:</th>
                    <td align="left">本站</td>
                </tr>
            </tbody>
        </table>

        <table class="table">
            <tbody>
            <!--收货人信息=============================================================-->
            <tr class="info" style="padding-top: 10%">
                <th colspan="4" style="text-align: center">收货人信息</th>
            </tr>
            <tr>
                <th align="left" style="width: 10%">收货人:</th>
                <td align="left" style="width: 40%">罗海鹏:</td>
                <th align="right" style="width: 10%">电子邮件:</th>
                <td align="left" style="width: 40%">164132877@qq.com</td>
            </tr>
            <tr>
                <th align="left">地址:</th>
                <td align="left">广东省广州市越秀区东圃</td>
                <th align="right">邮编:</th>
                <td align="left">55555</td>
            </tr>
            <tr>
                <th align="left">电话:</th>
                <td align="left">8965287</td>
                <th align="right">手机:</th>
                <td align="left">13022004629</td>
            </tr>
            </tbody>
        </table>
<!--商品信息---------=======================================================-->
        <table class="table">
            <thead>
            <tr class="info">
                <th colspan="7"style="text-align: center">商品信息</th>
            </tr>
            </thead>
            <tbody>
                <!--商品信息-->
                <tr class="warning">
                    <th>商品名称</th>
                    <th>货号</th>
                    <th>价格</th>
                    <th>数量</th>
                    <th>属性</th>
                    <th>库存</th>
                    <th>小计</th>
                </tr>
                <tr>
                    <td>米昕蔚 女装 中长款 加厚韩版修身棉衣外套 A121</td>
                    <td>A121</td>
                    <td>￥200.0</td>
                    <td>1</td>
                    <td>粉色,M,</td>
                    <td>1</td>
                    <td>￥ 200.00</td>
                </tr>
                <tr>
                    <td>米昕蔚 女装 中长款 加厚韩版修身棉衣外套 A121</td>
                    <td>A121</td>
                    <td>￥200.0</td>
                    <td>1</td>
                    <td>粉色,M,</td>
                    <td>1</td>
                    <td>￥ 200.00</td>
                </tr>
                <tr>
                    <td>米昕蔚 女装 中长款 加厚韩版修身棉衣外套 A121</td>
                    <td>A121</td>
                    <td>￥200.0</td>
                    <td>1</td>
                    <td>粉色,M,</td>
                    <td>1</td>
                    <td>￥ 200.00</td>
                </tr>
                <tr>
                    <td>米昕蔚 女装 中长款 加厚韩版修身棉衣外套 A121</td>
                    <td>A121</td>
                    <td>￥200.0</td>
                    <td>1</td>
                    <td>粉色,M,</td>
                    <td>1</td>
                    <td>￥ 200.00</td>
                </tr>
            <tr>
                <td colspan="3"></td>
                <th>重量:</th>
                <td>0.00克</td>
                <th>合计:</th>
                <td>￥ 800.00</td>
            </tr>
            </tbody>
        </table>

        <!--操作信息=======================================================-->
        <table class="table">
            <thead>
            <tr class="info">
                <th colspan="7"style="text-align: center">操作信息</th>
            </tr>
            </thead>
            <tbody>
                <tr>
                    <td align="right">操作备注:</td>
                    <td>
                        <textarea rows="2" cols="70"></textarea>
                    </td>
                </tr>
                <tr>
                    <td align="right">当前可执行操作:</td>
                    <td>
                        <button type="button" class="btn btn-info">确认</button>
                        <button type="button" class="btn btn-info">取消</button>
                        <button type="button" class="btn btn-info">无效</button>
                    </td>
                </tr>
            </tbody>
        </table>

        <!--操作记录===================================================-->
        <table width="98%" class="table">
            <tr class="info">
                <th colspan="6" style="text-align: center">
                    操作记录
                </th>
            </tr>
            <tr>
                <td align="center"><strong>操作者</strong></td>
                <td align="center"><strong>操作时间 </strong></td>
                <td align="center"><strong>订单状态</strong></td>
                <td align="center"><strong>付款状态</strong></td>
                <td align="center"><strong>发货状态</strong></td>
                <td align="center"><strong>备注</strong></td>
            </tr>
            <tr>
                <td align="center">罗海鹏</td>
                <td align="center">
                    <script type="text/javascript">
                        var newTime= new Date(1495355003008);
                        var momth=newTime.getMonth()+1;
                        document.write(newTime.getFullYear()+"-"+momth+"-"+newTime.getDate()+" "+newTime.getHours()+":"+newTime.getMinutes()+":"+newTime.getSeconds());
                    </script>
                </td>
                <td align="center">未确认</td>
                <td align="center">未付款</td>
                <td align="center">未发货</td>
                <td align="center">下订单</td>
            </tr>
            <tr>
                <td align="center">罗海鹏</td>
                <td align="center">
                    <script type="text/javascript">
                        var newTime= new Date(1495355003040);
                        var momth=newTime.getMonth()+1;
                        document.write(newTime.getFullYear()+"-"+momth+"-"+newTime.getDate()+" "+newTime.getHours()+":"+newTime.getMinutes()+":"+newTime.getSeconds());
                    </script>
                </td>
                <td align="center">未确认</td>
                <td align="center">已付款</td>
                <td align="center">未发货</td>
                <td align="center">付款成功</td>
            </tr>
        </table>

    </div>
</div>
</body>
</html>